<script>
    //    var DETAILS_URL = "/view/data/"
    var LOGO_URL = "/image/mbhbrand/";
    var show = document.getElementById("show");

    var row = document.createElement("div");
    row.classList.add("row");
    row.classList.add("marginTop1r");
    row.setAttribute("style","display: none;");
    var c1 = document.createElement("div");
    c1.classList.add("col-xs-12");
    c1.classList.add("col-sm-12");
    c1.classList.add("col-md-12");
    var c2 = document.createElement("div");
    c2.classList.add("hidden-xs");
    c2.classList.add("col-sm-2");
    c2.classList.add("col-md-2");
    var c3 = document.createElement("div");
    c3.classList.add("col-xs-12");
    c3.classList.add("col-sm-8");
    c3.classList.add("col-md-8");
    var showData = function (data) {
        var a = document.createElement("a");
        a.setAttribute("style","color: #000000;");
//        a.setAttribute("href", "/view/data/MbhBrand.html?d="+data.id);
        var h1 = document.createElement("h1");
        h1.innerHTML = data.brand_name;
        a.append(h1);

        var img = document.createElement("img");
        img.setAttribute("src", LOGO_URL+data.brand_logo);
        img.setAttribute("class","details-1-img");

        var p = document.createElement("p");
        var p1 = p.cloneNode(true);
        var p2 = p.cloneNode(true);
        var p3 = p.cloneNode(true);
        var p4 = p.cloneNode(true);
        p1.append("公司名："+data.campany_name);
        p1.setAttribute("style","font-weight: bold;font-size: 1rem;");
        p2.append("参展产品："+data.product_name);
        p3.append("产品介绍："+data.product);
        p3.classList.add("show_box1-context_product");
        p4.append("品牌官网："+data.website);


        var Nc1 = c1.cloneNode(true);
        var Nc2 = c2.cloneNode(true);
        var Nc3 = c3.cloneNode(true);
        var Nrow = row.cloneNode(true);
        Nc3.append(p1);
        Nc3.append(p2);
        Nc3.append(p3);
        Nc3.append(p4);
        Nc3.classList.add("show_box1-context");

        Nc2.append(img);

        Nc1.append(a);

//        Nrow.setAttribute("href",);
        Nrow.append(Nc1);
        Nrow.append(Nc2);
        Nrow.append(Nc3);

        show.append(Nrow);

        show.appendChild(document.createElement("hr"));

    }

</script>

<div class="row">
    <div class="hidden-xs col-sm-2 col-md-2">
        <a data-category="1" class="details-header">美业品牌</a>
    </div>
    <div class="col-xs-12 col-sm-8 col-md-8">
        <ul class="details-ul">
            <li><a  data-type="1" class="details-a-click">专业美容</a></li>
            <li><a  data-type="2" class="details-a-Nclick">院线代工</a></li>
            <li><a  data-type="3" class="details-a-Nclick">养生</a></li>
            <!--<li><a  data-type="4" class="details-a-Nclick">大医美</a></li>-->
            <li><a  data-type="5" class="details-a-Nclick">美甲</a></li>
            <li><a  data-type="6" class="details-a-Nclick">美睫</a></li>
            <li><a  data-type="7" class="details-a-Nclick">纹绣</a></li>
            <li><a  data-type="8" class="details-a-Nclick">手足护理</a></li>
            <li><a  data-type="9" class="details-a-Nclick">国际品牌</a></li>
            <li><a  data-type="10" class="details-a-Nclick">大医美</a></li>
            <li><a  data-type="11" class="details-a-Nclick">仪器设备</a></li>
            <li><a  data-type="12" class="details-a-Nclick">减肥纤体</a></li>
            <li><a  data-type="13" class="details-a-Nclick">抗衰美白</a></li>

            <li><a  data-type="15" class="details-a-Nclick">国际展团</a></li>
            <li><a  data-type="16" class="details-a-Nclick">个人护理</a></li>
            <li><a  data-type="17" class="details-a-Nclick">彩妆</a></li>
            <li><a  data-type="18" class="details-a-Nclick">香水</a></li>
            <li><a  data-type="19" class="details-a-Nclick">美妆用品</a></li>
            <li><a  data-type="20" class="details-a-Nclick">面膜品牌</a></li>
            <li><a  data-type="21" class="details-a-Nclick">微商</a></li>
            <li><a  data-type="22" class="details-a-Nclick">日化代工</a></li>
            <li><a  data-type="23" class="details-a-Nclick">包材</a></li>
            <li><a  data-type="24" class="details-a-Nclick">原料</a></li>
            <li><a  data-type="25" class="details-a-Nclick">美发</a></li>
            <li><a  data-type="26" class="details-a-Nclick">专业发品</a></li>
        </ul>
    </div>
</div>
<div class="hidden-xs">
    <hr class="hr1"/>
</div>

<div id="show">
    <!--<div class="row">-->
    <!--<div class="col-xs-12 col-sm-12 col-md-12">-->
    <!--<h1>大成形象设计</h1>-->
    <!--</div>-->
    <!--<div class="hidden-xs col-sm-2 col-md-2">-->
    <!--<img src="/image/setPass.png" width="150px" height="150px">-->
    <!--</div>-->
    <!--<div class="col-xs-12 col-sm-8 col-md-8">-->
    <!--<div class="col-xs-12 col-sm-12 col-md-12">-->
    <!--<p>地址：<span>烟台街道</span></p>-->
    <!--<p>手机：<span>18241956231</span></p>-->
    <!--<p>营业时间：<span>周一至周日 09:00-20:00</span></p>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--<hr>-->
</div>